<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%
    request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    <link rel="apple-touch-icon-precomposed"
          href="http://designmodo.com/wp-content/themes/designmodov2.1/images/mobile.png"/>
    <link rel="shortcut icon" href="http://designmodo.com/favicon.ico"/>
    <title>Startup</title>


    <!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.22 - http://yoast.com/wordpress/seo/ -->
    <meta name="description"
          content="Big collection of Bootstrap Themes, Templates and Web UI Kits. Professional and pixel perfect UI frameworks for Web Designers and Developers."/>
    <meta name="keywords" content="bootstrap, themes, templates, ui, icons, graphics, psd, html, css"/>
    <link rel="canonical" href="http://designmodo.com/shop/"/>
    <link rel="next" href="http://designmodo.com/shop/page/2/"/>
    <link rel="publisher" href="https://www.google.com/+Designmodo"/>
    <!-- / Yoast WordPress SEO plugin. -->

    <link rel='stylesheet' id='sffotckCSS-css'
          href='http://designmodo.com/wp-content/plugins/subscribe_to_unlock/css/sffotck2.css?ver=3.9.2' type='text/css'
          media='all'/>
    <link rel='stylesheet' id='dm_style-css'
          href='http://designmodo.com/wp-content/themes/designmodov2.1/style.css?t=1407893479' type='text/css'
          media='all'/>
    <link rel='stylesheet' id='dm_shop_default-css'
          href='http://designmodo.com/wp-content/themes/designmodov2.1/css/shop-default.css' type='text/css'
          media='all'/>
    <script type='text/javascript' src='js/jquery-1.11.1.js'></script>
    <script type='text/javascript'
            src='http://designmodo.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
    <script type='text/javascript'
            src='http://designmodo.com/wp-content/themes/designmodov2.1/js/common.js?t=1407893479'></script>
    <script type="text/javascript" src="editor/js/HuskyEZCreator.js" charset="utf-8"></script>


</head>


<body class=" ">

<jsp:include page="../include/menu_general.jsp"/>

<!--end header-wrapper-->

<div id="main-wrapper">

    </br>
    <div id="content-wrapper" style="min-height: 710px!important;">
        <div style="clear:both;"></div>

        <!-- content -->
        <form id="frm" action="/ewrite.do" method="post">
            <div class="content-shop">
                <div class="header">
                    <h1 class="tagline2">'오늘은 또 뭐 먹을까' 하며
                        고민 많으시죠 ? ? ?
                    </h1>

                    <h2 class="tagline1">국내 최대 '맛 집' 커뮤니티 사이트</h2>
                </div>
                <div class="shop-menu">
                    <a href="#">서 울</a>•<a href="#">경기도</a>•<a href="#">강원도</a>•<a href="#">충청도</a>
                    •<a href="#">전라도</a>•<a href="#">경상도</a>•<a href="#">제주도</a>•<a href="#">해 외</a>
                </div>
                <div class="grid-view">
                    <div class="row">
                        <input type="text" value="" placeholder="제 목" class="form-control"
                               style="width: 99%; height: 20px"/>
                    </div>
                    <div class="row">
                        <textarea class="text-center" id="ir1" name="contents"
                                  style="width: 80%; height: 400px"></textarea>
                    </div>
                    <div class="row">
                        <input type="button" id="save" value="저 장">
                        <input type="button" value="취소"/>
                    </div>

                    <div class="clear"></div>
                </div>
            </div>
            <div style="clear:both;"></div>
        </form>
        <!--/ content -->

        <div style="clear:both;"></div>
        <div style="clear:both;"></div>
    </div>
    <!--end content-wrapper-->
</div>
<!-- end main-wrapper -->

<jsp:include page="../include/bottom.jsp"/>

<script type="text/javascript">

    var oEditors = [];
    $(function () {
        nhn.husky.EZCreator.createInIFrame({
            oAppRef: oEditors,
            elPlaceHolder: "ir1",
            //SmartEditor2Skin.html 파일이 존재하는 경로
            sSkinURI: "editor/SmartEditor2Skin.html",
            htParams: {
                // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
                bUseToolbar: true,
                // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
                bUseVerticalResizer: true,
                // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
                bUseModeChanger: true,
                fOnBeforeUnload: function () {

                }
            },
            fCreator: "createSEditor2"
        });
    });
    $("#save").click(function () {
        oEditors.getById["ir1"].exec("UPDATE_CONTENTS_FIELD", []);
        $("#frm").submit();
    })
</script>
</body>
</html>